.normal {
  margin: 100px;
}
.tit_left1,.tit_left2,.tit_left3,.quot,.downloads .dimg, .downloads .desl, .downloads .dimg:hover, .downloads .desl:hover{
  background-image: url('../../sources/max.png');
  background-repeat: no-repeat;
}

.list {
  margin-top: 20px;
}
.ui_wrap{
	border:1px solid #48515a;
	margin-top:10px;
	background:rgba(73,81,90,0.2);
}
.ui_tit{
	color:#ceb180;
	text-align:center;
	font-weight:normal;
	padding:20px 0 10px 0
}
.chart_box{
	padding-top:30px;
}
.wrap{
	padding:20px 10px 0 10px;
}

.user_tit {
  height: 117px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  li {
    display: inline-block;
    width: 32%;
    height: 115px;
    border: 1px solid #58646f;
  }
}
.tit_left1 {
  float: left;
  margin: 15px 0 0 20px;
  background-position: 0 -72px;
  width: 85px;
  height: 82px;
}

.tit_left2 {
  float: left;
  margin: 15px 0 0 40px;
  background-position: 0 -215px;
  width: 47px;
  height: 80px;
}

.tit_left3 {
  float: left;
  margin: 15px 0 0 20px;
  background-position: 0 -361px;
  width: 104px;
  height: 81px;
}

.tit_right {
  overflow: hidden;
  padding-top: 15px;
  .anticon{
  	font-size:14px;
  	color:#6d8398;
  }
  .qup,p{
    text-align: right;
    color: #ceb180;
    font-size: 18px;
    line-height: 36px;
    padding-right: 20px;
  } 
}
.quot {
  cursor: pointer;
  display: inline-block;
  background-position: 0 -321px;
  width: 16px;
  height: 17px;
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.right_con{
  
}

.box {
  margin-top: 20px;
  border: 1px solid #464f58;
  background: rgba(72, 81, 90, 0.2);
  h3 {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    color: #ceb180;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #464f58;
    .anticon{
      font-size:14px;
    }
  }
}
.box_wrap {
  position: relative;
  height: 360px;
}

.chart_left {
  width: 48%;
  float: left;
  height: 100%;
  position: relative;
}

.chart_right {
  float: left;
}

.chart_tab {
  border-collapse: collapse;
  border: none;
}
.chart_tab{
  tr{
    td {
      padding: 5px 15px;
      color: #f2f2f2;
      font-size: 12px;
      border: 1px solid #606d7a;
    }
  }
  tr:nth-child(odd) {
    background: #454d56;
  }
  tr:nth-child(1) td {
    font-size: 14px;
    color: #f2f2f2;
  }
}

.we_tab {
  margin: 80px 0 0 50px;
  tr{
    td {
      padding: 8px 20px;
    }
  }
}

.now_tab{
  tr{
    td {
      padding: 8px 10px;
      text-align: right;
      span {
        display: block;
        width: 160px;
      }
    }
    td:nth-of-type(1) {
      text-align: center;
    }
  }
  .now_tr{
    td {
        text-align: center;
      }
  }
} 

.now_tr{
  td {
      text-align: center;
      padding:8px 10px;
      span{
        display:block;
        width:160px;
      }
    }
}

.chart_tab.now_tab {
  margin: 50px auto 0;
}

.shuoming {
  line-height: 22px;
  margin: 20px 0 0 50px;
  color: #c1c4c7;
} 



.downloads{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 48px;
  height: 30px;
  z-index: 999;
  span {
    display: inline-block;
    width: 24px;
    height: 25px;
    cursor: pointer;
  }
  .dimg {
    background-position: 0 -54px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  .desl {
    background-position: 0 -18px;
    width: 22px;
    height: 18px;
  }
  .dimg:hover {
    background-position: 0 -36px;
    width: 18px;
    height: 18px;
  }
  .desl:hover {
    background-position: 0 0;
    width: 22px;
    height: 18px;
  }
}
.zz_zhu{
  width:725px;
  margin:20px auto 0;
  color:#fff;
  font-size:12px;
}
.cha_fix{
  tr{
    td {
      text-align: right;
      span {
        display: block;
        width: 160px;
      }
    }
    td:nth-of-type(1) {
      text-align: center;
    }
  }
  .now_tr{
    td {
        text-align: center;
      }
  }
}
